<template>
  <div class="index">
    i am index
    jflaskjflksdj
  </div>
</template>

<script>

import axios from "axios";

export default {
  components: {
    
  },
  data() {
    return {
      
    };
  },
  props: {},
  watch: {},
  methods: {
    
  },
  filters: {},
  computed: {},
  created() {
    alert('test')
  },
  mounted() {},
  destroyed() {}
};
</script>

<style lang="scss" >
.index {
    height: 180px;
    background-color: red;
}

.index {
  .slider {
    height: 170px;
    font-size: 30px;
    text-align: center;
    overflow: hidden;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .types {
    overflow: hidden;
    padding-bottom: 20px;
    background-color: #fff;
  }
  .nearby {
    margin-bottom: 50px;
    background-color: #fff;
  }
}
</style>
